<template>
  <div class="home">
    <Card :need-title="false" title="??" width="1600px" height="200px">
      
    </Card>
    <div class="content">
      <Card title="相关数据" width="1200px" height="600px">
        <div class="data">
          <Chart/>
          <Chart/>
        </div>
      </Card>
      <Card title="公告" height="600px">
        <card title="java项目" width="95%"></card>
      </Card>
    </div>
  </div>
</template>

<script lang="ts" setup name="Home">
import Chart from './components/Chart.vue';
import Card from '@/components/Card.vue';
</script>

<style scoped>
.data {
  display: flex;
  justify-content: space-around;
}
.content {
  display: flex;
}
</style>